<div id="tree-category"style="z-index:9;position:relative;background-color: {{(pageCfg.template.navColor==''||pageCfg.template.navColor==undefined )?'black':pageCfg.template.navColor}}"
	class="sidebar">
	<div style="width: 100%; height: 100%;" nicescroll axis="y" ina="1000" pls="100"
		>
		<!-- 	<ul class="sidebar-menu"style="background-color: {{(pageCfg.template.navColor==''||pageCfg.template.navColor==undefined)?'black':pageCfg.template.navColor}};border-radius: 15px;width:415px">
		<li class="treeview" ng-repeat="x in category" ng-class="x.active">
			<a href="#"> 
				<i class="fa fa-filter"style=" color: {{(pageCfg.template.fontColor==''||pageCfg.template.fontColor==undefined)?'#eeeeee':pageCfg.template.fontColor}};"></i><span style=" color: {{(pageCfg.template.fontColor==''||pageCfg.template.fontColor==undefined)?'#eeeeee':pageCfg.template.fontColor}};
											font-family:{{pageCfg.template.fontFamily==''?'Simsun':pageCfg.template.fontFamily}};">{{x.display}}</span> 
				<i class="fa fa-angle-left pull-right"></i>
			</a>

			<ul class="treeview-menu menu-open"style="background-color: {{(pageCfg.template.navColor==''||pageCfg.template.navColor==undefined)?'black':pageCfg.template.navColor}};max-height: 400px;"nicescroll>
				<li ng-repeat="one in x.data" ng-class="one.selected">
					<a href="#" ng-click="catQuery(one,x)" data-toggle="tooltip" title="{{one.Name}}"> 
						<span class="text" style=" color: {{(pageCfg.template.fontColor==''||pageCfg.template.fontColor==undefined)?'#eeeeee':pageCfg.template.fontColor}};
											font-family:{{pageCfg.template.fontFamily==''?'Simsun':pageCfg.template.fontFamily}};">{{one.Name}} </span>
					
					</a>
				</li>
			</ul>
		</li>
		
	</ul>
 -->
		<div id="cates" class="form-group waring" ng-repeat="x in category">
			<span style="color: {{(pageCfg.template.fontColor==''||pageCfg.template.fontColor==undefined)?'#eeeeee':pageCfg.template.fontColor}};
				font-family:{{pageCfg.template.fontFamily==''?'Simsun':pageCfg.template.fontFamily}};font-size:18px"
			><i class="fa fa-filter"></i>{{x.display}}</span>
			<select  class="selectpicker" data-size="10" multiple data-live-search="true"
				data-live-search-placeholder="搜索" data-actions-box="true"
				data-container="body"	
				data-width="100%"
				ng-model="filter[x.field]"
				ng-change="changeFilter()"
				niceselect>
				<!-- ng-model="filter[x.queryFilter]" -->
				 <optgroup ng-if="one.subData!=null" ng-repeat="one in x.data" label="{{one.Name}}">
					<option data-tokens="{{one.Name}}" ng-repeat="sub in one.subData" 
							data-subtext="{{one.Name}}" 
							 data-content="<span class='label' style='background-color:{{pageCfg.template.buttonColor}};display:inline-block'>{{sub.Name}}</span>"
							 >{{sub.Name}}</option>
							 <!-- 
							  -->
				 </optgroup>
				
				<option ng-if="one.subData==null" ng-repeat="one in x.data" data-content="<span class='label' style='background-color:{{pageCfg.template.buttonColor}};display:inline-block'>{{one.Name}}</span>" >{{one.Name}}</option>
			
			</select>
		</div>
	</div>
</div>
